<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>客户登录系统-新增用户</title>
    <link type="text/css" rel="stylesheet" href="/css/style.css" />
</head>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/base64.js"></script>
<script type="text/javascript" src="../js/crypto-js-4.0.0/crypto-js.js" ></script>
<script type="text/javascript" src="../js/crypto-js-4.0.0/aes.js" ></script>


<body>
    <div class="login-box">
        <div class="login-title">客户录入信息系统登录-新增用户</div>
        <table>
            <table>
                <tr>
                    <td>姓名:</td>
                    <td>
                        <input id="name" type="text"/>
                    </td>
                    <td id="checkName"></td>
                </tr>
                <tr>
                    <td>身份证号:</td>
                    <td>
                        <input id="idCard" type="text"/>
                    </td>
                    <td id="checkIdCard"></td>
                </tr>
                <tr>
                    <td>手机号:</td>
                    <td>
                        <input id="tel" type="text"/>
                    </td>
                    <td id="checkTel"></td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <button id="submit">录入信息</button>
                    </td>
                </tr>
            </table>
        </table>
    </div>
    <input id="userId" type="hidden" value="${userId}"/>
</body>
<script>
    if ("${msg}"){
        alert("${msg}");
    }
    <c:remove var="msg" scope="session"></c:remove>
    var newFlag=true;


    $("#tel").bind("blur", function(){

        //需要验证的内容 电话号码
        var msg = $("#tel").val();

        //验证
        // /a{1,2}/
        // /a{1,2}/g
        // var flag = /^(?![^0-9]+$)(?![^a-z]+$)(?![^A-Z]+$).{6,10}$/.Test(msg);
        //
        // var result=null;
        //判断
        // if(flag){
        //     result="电话号码符合规范"
        //     newFlag=true;
        // }else if(!flag){
        //     result="电话号码不符合规范，请重新输入";
        //     newFlag=false;
        // }

        //显示
        // $(":text").next().html(arr.join(","));
        $("#checkTel").html("验证结果:" + result);
    })

    $("#idCard").bind("blur", function(){

        //需要验证的内容 身份证号
        var msg = $("#idCard").val();

        //验证
        // /a{1,2}/
        // /a{1,2}/g
        var flag = /^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[Xx\d]$/.test(msg);

        var result=null;
        //判断
        if(flag){
            result="身份证号符合规范";
            newFlag=true;
        }else if(!flag){
            result="身份证号不符合规范，请重新输入";
            newFlag=false;

        }

        //显示
        // $(":text").next().html(arr.join(","));
        $("#checkIdCard").html("验证结果:" + result);
    })

    $("#submit").bind("click", function(){

        //AES加密
        var key = "ABCDEFGHIJKL_key";
        var iv = "ABCDEFGHIJKLM_iv";
  //      var encryptedPwd = aesMinEncrypt(key,iv,password);
            //提交并且加密
            var idCard = $('#idCard').val(); // 获取输入框中的文本
            var encodedidCard = aesMinEncrypt(key,iv,idCard); // 将文本进行Base64加密
            console.log(encodedidCard);

            var tel = $('#tel').val(); // 获取输入框中的文本
            var encodedtel = aesMinEncrypt(key,iv,tel);// 将文本进行Base64加密
            console.log(encodedtel);
            //网页跳转
            // $.post({
            //    url: "/usersOther/insertUsers",
            //     contentType: "application/json; charset=utf-8"  ,
            //    data:{
            //        name:$("#name").val(),
            //        idCard:encodedidCard,
            //        telNum:encodedtel
            //    },
            //     dataType:"json"
            //
            // })
        window.location.href="/usersOther/insertUsers"+"?"+"name="+$("#name").val()
        +"&idCard="+encodedidCard+"&telNum="+encodedtel+"&myuserId="+${userId};


    })
    function aesMinEncrypt(key, iv, word){
        var _word = CryptoJS.enc.Utf8.parse(word),
            _key = CryptoJS.enc.Utf8.parse(key),
            _iv = CryptoJS.enc.Utf8.parse(iv);
        var encrypted = CryptoJS.AES.encrypt(_word, _key, {
            iv: _iv,
            mode: CryptoJS.mode.CBC,
            padding: CryptoJS.pad.Pkcs7
        });
        return encrypted.toString();
    }

</script>
</html>
